
<div class="simple-content" ng-init="init()" style="overflow-y: hidden;padding:0px;">
	<div id="stage-container" style="width: 100%; overflow-x: scroll; overflow-y: hidden">
		<div class="tab-container" id="canvas-tab">
			<ul id="line-tab" >
			</ul>
		</div>
		
		<div class="tramInfo-container row">
			<div class="col-xs-12">
				<div class="box">
					<div class="box-header header-color-blue">
						<h5 class="bigger lighter box-title">
							<i class="icon-table"></i> 电车详情
							<a class="widget-toolbar" ng-click="closeTramInfo()">				                				                 	
				                   <i class="white icon-remove bigger-125" ></i>				              
				            </a>	
							<a class="newWindow" ng-click="showMap()">
                                 <i class="icon-tram" ></i>
                            </a>
                            <a id="offLine" class="remove-tram" ng-click="removeTram()">
                                 <i class="white icon-trash  bigger-125" ></i>
                            </a>
							<a class="envelope" ng-click="showMesseageDialog()">				                				                 	
				                   <i class="white icon-envelope bigger-125" title="发送消息"></i>				              
				            </a>						
						</h5>
					</div>	
					<div class="box-body">
						<div class="table-responsive">
							<table class="table table-striped table-bordered table-hover">
								<tbody>
									<tr>
										<td><strong style="font-size:14px">车组号:</strong></td>
										<td id=""><span class="label label-warning " id="num"></span></td>
									</tr>
									<tr>
										<td class="red"><strong style="font-size:14px">下一站:</strong></td>
										<td id=""><span class="label label-danger" id="nextOneStation"></span></td>
									</tr>
									<tr>
										<td class=""><strong style="font-size:14px">下下站:</strong></td>
										<td id=""><span class="label label-default" id="nextTwoStation"></span></td>
									</tr>
									<tr>
										<td class=""><strong style="font-size:14px">下下下站:</strong></td>
										<td id=""><span class="label label-default" id="nextThreeStation"></span></td>
									</tr>
									<tr>
										<td class=""><strong style="font-size:14px">当前速度:</strong></td>
										<td ><span class="label label-success" id="currentSpeed"></span></td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="stationInfo-container row">
			<div class="col-xs-12">
				<div class="box">
					<div class="box-header header-color-blue">
						<h5 class="bigger lighter box-title">
							<i class="icon-book" style="padding-right:8px"></i>{{stationCode|stationName}}
							<a class="widget-toolbar" ng-click="closeStationInfo()">				                				                 	
				                   <i class="white icon-remove" ></i>				              
				            </a>
			
						</h5>
					</div>
					<div class="box-body">
						<div class="table-responsive">
							<table class="table table-striped table-bordered ">
								<thead>
									<tr>
										<th>车次号</th>
										<th>目的地</th>
										<th>到站时间</th>
										<th>早晚点</th>
										<th>当前速度</th>
									</tr>
								</thead>
								<tbody>
									<tr ng-repeat="tramData in tramDatas">
										<td>{{tramData.tramCode}}</td>
										<td>{{tramData.startStation |stationName}}-{{tramData.endStation|stationName}}</td>
										<td>{{tramData.arriveTime}}</td>
										<td ng-if="tramData.soonerOrLater>=0" style="color:green">{{tramData.soonerOrLater}}</td>
										<td ng-if="tramData.soonerOrLater<0"  style="color:red">{{tramData.soonerOrLater}}</td>
										<td>{{tramData.speed}}</td>
									</tr>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- <div warn-load></div> -->
</div>
